<template>
    <div class="tap">
        <small-header title="音乐榜单"></small-header>
        <van-tabs v-model="active">
            <van-tab title="新歌榜">
                <tab-list type="1" size="6"></tab-list>
            </van-tab>

            <van-tab title="热歌榜">
                <tab-list type="2" size="6"></tab-list>
            </van-tab>
            <van-tab title="摇滚榜">
                <tab-list type="11" size="6"></tab-list>
            </van-tab>
        </van-tabs>
    </div>
</template>

<script>
    import smallHeader from "./smallHeader.vue";
    import tabList from "./tabList.vue";
    export default {
        name: "tap",
        data() {
            return {
                active: 0,
                songlist:[]
            };
        },
        components:{
            smallHeader,
            tabList
        }

    }
</script>

<style lang="less" scoped>
    .tap{
        margin-top: 10px;
        background-color: white;
        margin-bottom: 10px;
    }
.list{
    li{
        width: 100%;
        height: 60px;
        padding: 10px;
        div{
            float: left;
            img{
                width: 50px;
                height: 50px;
            }
            p{
                margin: 0;
                margin-left: 10px;

            }
        }
    }

}
</style>